<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>人人网注册登陆页面</title>
		<style>
			*{
				margin: 0;
				padding: 0;
				list-style: none;
				
			}
			.bigbox{
				border: 2px solid blue ;				
				font-size: 16px;
				width: 611px;
				margin: 15px auto;
      			
			}
			.box{
				margin: 0px 0px 20px 10px;
			}
			.box1{
				margin: 10px 0px 20px 10px;
				
			}
			.box2{
				margin: 10px 0px 20px 10px;
				
			}
			.box3{
				margin: 10px 0px 20px 10px;
				
			}
			.box4{
				margin: 10px 0px 20px 10px;
				
			}
			.box5{
				margin: 10px 0px 20px 10px;
				
			}
			.box6{
				margin: 10px 0px 20px 10px;
				
			}
			.box7{
				margin: 10px 0px 20px 10px;
				
			}
		
		</style>
	</head>
	<body>
		<div class="bigbox">
		<div class="box">
			<img src="img/renren_titile.gif" />			
		</div>
		<div class="box1">
			<table>
				<th align="left">
					<li>人人网，中国<span><strong> 最真实、最有效</strong></span>的社会平台，加入人人网，找回老朋友，结交新朋友。</li>
				</th>
			</table>		
		</div>
		<div class="box2">
		<form id="reg-form" name="reg-form" method="get" action="success.html">
			<table>
				<tr>
					<th align="left">
						电子邮箱:
					</th>
					<td colspan="2">
						<input type="email" name="E-mail" />
					</td>
				</tr>
			</div>
				<tr>
					<th align="left">
						设置密码:
					</th>
					<td colspan="2">
						<input type="psw" id="code"  />
					</td>
				</tr>
				<tr>
					<th align="left">
						真实姓名:
					</th>
					<td colspan="2">
						<input type="text" id="username"  />
					</td>
				</tr>
				<tr>
					<th align="left">
						性别:
					</th>
					<td colspan="2">
						<input type="radio" id="radMale" name="gender" checked/>男
						<input type="radio" id="radFemale" name="gender"/>女
					</td>
				</tr>
				<tr>
					<th align="left">
						生日：
					</th>
					<td>
						<select name="year" class="dropdown">
							<option value="" selected>1991</option>
							<option value="">1990</option>
							<option value="">1989</option>
							<option value="">1988</option>
						</select>年
						<select name="month" class="dropdown">
							<option value="" selected>11</option>
							<option value="">10</option>
							<option value="">9</option>
							<option value="">8</option>
						</select>月
						<select name="day" class="dropdown">
							<option value="" selected>30</option>
							<option value="">29</option>
							<option value="">28</option>
							<option value="">27</option>
						</select>日
					</td>
				</tr>
			</table>
			</div>
			<div class="box3">
				<table>
					<th align="left">
						为什么要填写我的生日？
					</th>
				</table>
			</div>
			<div class="box4">
				<table>
				<tr>
					<th align="left">
						我现在：
					</th>
					<td>
						<select name="id" class="dropdown">
							<option value="请选择身份" selected>请选择身份</option>
							<option value="">医生</option>
							<option value="">老师</option>
						</select>(非常重要)
					</table>
			</div>
			<div class="box5">
			<img src="img/renren_code.gif" /><a href="#">看不清换一张？</a>	
			</div>
			<div class="box6">
			<table>
				<tr>
					<th align="left">
						验证码:
					</th>
					<td colspan="2">
						<input type="code" name="usercode" />
					</td>
				</tr>
			</table>
			</div>
			<div class="box7">
				<img src="img/renren.gif" />
			</div>
			</div>
	</body>
</html>
